<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link href="../../res/css/demo.css" rel="stylesheet" type="text/css" />
    <script src="../../../../scripts/boot.js" type="text/javascript"></script>
    <script src="../../../../scripts/jquery.min.js" type="text/javascript"></script>
    <script src="../../../../scripts/miniui/miniui.js" type="text/javascript"></script>
    <script src="../../js/action.js" type="text/javascript"></script>
    <script src="../../js/jquery-ui-1.10.3.custom.js" type="text/javascript"></script>
    <script src="../../js/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>
    <script src="../../js/xinyuansu.js"></script>

    <link href="../../css/base/jquery.ui.all.css" rel="stylesheet"type="text/css"/>
    <link href="../../css/main.css" rel="stylesheet"type="text/css"/>
</head>
<style>
    body {
        margin: 0;
        padding: 0;
    }
    /*.mini-panel .mini-panel-viewport {*/
        /*!* height: 100%; *!*/
        /*min-height: 300px;*/
    /*} */
</style>
<body>

<input type="button" value="插入分组(前)" onclick="onAddBefore()"/>
<input type="button" value="插入分组(后)" onclick="onAddAfter()"/>
<input type="button" value="插入子分组" onclick="onAddNode()"/>
<input type="button" value="编辑分组" onclick="onEditNode()"/>
<input type="button" value="删除分组" onclick="onRemoveNode()"/>

<ul id="tree" class="mini-tree" style="width:100%;height:300px;padding:5px;"
    showTreeIcon="true" textField="text" idField="id" parentField="pid" 
    showRadioButton="false" showFolderCheckBox="false" allowDrag="true" 
    allowDrop="true" allowLeafDropIn="true" onselectionchanged="onSelectionChanged"
>
</ul>
<div style="text-align:center;padding:10px;">
    <a class="mini-button" onclick="onOk" style="width:60px;margin-right:20px;">确定</a>
    <a class="mini-button" onclick="onCancel" style="width:60px;">取消</a>
</div>
</body>
<script src="../../js/formDesign/setGridGroup.js"></script>
</html>